@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/appointmentPage.css?v=20200628" rel="stylesheet">
<div style="display: none">
    <input type="hidden" id="doctorValue" value="${doctor}">
    <input type="hidden" id="fieldTcValue" value="${customerInfo.fieldTc}">
    <input type="hidden" id="queryTcValue" value="${customerInfo.queryTc}">
    <input type="hidden" id="customerId" value="${customerInfo.id}">
    <input type="hidden" id="reservationsId" value="${customerInfo.reservationsId}">
    <input type="hidden" id="customerSex2" value="${customerInfo.customerSex}">
    <input type="hidden" id="treatmentUnitValue" value="${customerInfo.treatmentUnit}">
    <input type="hidden" id="startDocumentValue" value="">
    <input type="hidden" id="endDocumentValue" value="">
    <input type="hidden" id="isFz" value="${isFz}">
</div>
<div style="height: 100%">
    <div class="appointmentTop">新建预约</div>
    <div class="appointmentHeader">
        <div class="informationAgain" style="margin: 0;height: auto">
            <div>
                <div><span>姓名：</span><span id="customerName">${customerInfo.customerName}</span></div>
                <div><span>年龄：</span><span id="customerAge">${customerInfo.customerAge}</span></div>
                <div><span>性别：</span><span id="customerSex">${customerInfo.customerSex}</span></div>
                <div><span>手机号：</span><span id="customerPhone">${customerInfo.customerPhone}</span></div>
            </div>
            <div>
                <div><span>地址：</span><span id="province">${customerInfo.province}</span><span id="cities">-${customerInfo.cities}</span><span id="region">-${customerInfo.region}</span></div>
                <div><span>病历号：</span><span id="reservationsNum">${customerInfo.medicalRecordNumber}</span></div>
                <div><span>初诊日期：</span><span id="firstVisitDate">${customerInfo.firstVisitDate}</span></div>
                <div><span>初诊医生：</span><span id="doctor2">${customerInfo.doctor}</span></div>
            </div>
        </div>
    </div>
    <div class="appointmentContent" style="height: calc(100% - 157px);">
        <div class="appointmentProject">
            <h4>
                <span>看诊项目</span>
                <select name="projectCategory" id="projectCategory" onchange="getListInfo()" style="width: 100px;color: #666;border: none;height: 24px;font-weight: 400;outline: none;">
                    <option value="">请选择</option>
                    @for(str in departmentList){
                    <option value="${str.department}">${str.department}</option>
                    @}
                </select>
                <button type="button" class="btn" onclick="addSet()" style="position: absolute;right: 6px;transform: translateY(-50%);background-color: white;color: initial;top: 50%;padding: 0 6px;"><span class="glyphicon glyphicon-cog" style="top: 2px;"></span></button>
            </h4>
            <div id="projectType" style="display: block;"></div>
        </div>
        <div class="appointmentView" style="margin: 0 10px;">
            <div id='calendars'></div>
        </div>
        <div class="appointmentInformation">
            <h4>预约基本信息</h4>
            <div id="basicInformation">
                <div>
                    <span>开始时间</span>
                    <div><input autocomplete="off" class="frameBox" type="text" id="startTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})"></div>
                </div>
                <div>
                    <span>持续时间</span>
                    <div class="continued">
                        <button type="button" class="btn" onclick="continued('-')" style="padding: 6px;"><span class="glyphicon glyphicon-backward" style="top: -1px;"></span></button>
                        <div><input type="text" id="duration" onchange="viewUpdate()" value="15"></div>
                        <button type="button" class="btn" onclick="continued('+')" style="padding: 6px;"><span class="glyphicon glyphicon-forward" style="top: -1px;"></span></button>
                        <span style="line-height: 28px;margin-left: 5px;">单位/分钟</span>
                    </div>
                </div>
                <div>
                    <span>科室</span>
                    <div><select class="frameBox" name="treatmentUnit" id="treatmentUnit">
                        <option value="待定">待定</option>
                        @for(str in departmentList){
                        <option value="${str.department}">${str.department}</option>
                        @}
                    </select></div>
                </div>
                <div>
                    <span>医生</span>
                    <div><select class="frameBox" name="doctor" id="doctor" onchange="refreshChange()">
                        <option value="未指定医生">未指定医生</option>
                        @for(str in doctorList){
                        <option value="${str.doctor}">${str.doctor}</option>
                        @}
                    </select></div>
                </div>
                <div>
                    <span>咨询师</span>
                    <div><select class="frameBox" name="fieldTc" id="fieldTc">
                        <option value="待定TC">待定TC</option>
                        @for(str in tcList){
                        <option value="${str.tcName}">${str.tcName}</option>
                        @}
                    </select></div>
                </div>
                <div style="align-items: normal">
                    <span>备注</span>
                    <div><textarea class="frameBox" name="remarks" id="remarks" style="height:90px;width: 85%"></textarea></div>
                </div>
            </div>
        </div>
    </div>
    <div class="btnBox">
        <button type="button" class="btn" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name));">取消</button>
        <button type="button" class="btn" onclick="submissions()">保存预约</button>
    </div>
</div>
<link rel="stylesheet" href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/fullcalendar.css?v=20200628">
<link href='https://pynnn.oss-cn-hangzhou.aliyuncs.com/fullcalendar.print.min.css?v=20200628' rel='stylesheet' media='print'/>
<script src="${ctxPath}/static/modular/fullcalendar/lib/moment.min.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery.min.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery-ui.min.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/fullcalendar/fullcalendar.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/fullcalendar/scheduler.min.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/fullcalendar/locale/zh-cn.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/doctorLooked/doctor_appointment.js?v=20200628"></script>
@}